.root
  width 100%

.feeds
  > li
    list-style none
    background-color #fff
    border 1px solid rgba(204,204,204,.3)
    > div
      position relative
      padding 20px

.gallery
  margin-top 12px

.comments
  margin-top 10px
  > li
    margin-top 15px
    padding-top 15px
    border-top 1px solid #d5e1eb
    clear fix
    &:first-child 
      border-top none
      margin-top 0
    .created-time
      color #cbcbcb
      font-size 12px
      margin-top 8px
      display inline-block
      line-height 1
    > a
      float left
    > div
      margin-top -9px
      padding-left 40px
      > p:first-child
        word-break break-all
        > a
          margin-right 10px
          font-size 12px
        > span
          color #777
          font-size 12px

.tweet
  margin-top 20px
  word-wrap break-word
  display flex
  lign-items flex-start
.tweet-left
  width 30px
  position absolute
  top 14px
  right 24px  
.tweet-right
  flex 1
.tweet-info
  margin-top 10px
  font-size 12px 
  color #999


.right-list
  position: absolute
  width: 312px
  border-left: 1px solid #eee
  color: #fff
  min-height: 100%
  right: 0
  top: 0

.fetch-btn
  width 100%
  margin-top 30px
  background-color #f3f6f9
  color #8ca9c5
  font-size 12px
  &[disabled]
    opacity 1

.emoji
  > img
    width 16px
    vertical-align top
    margin 0 1px

.tweet-content
  position relative

.feed-ups
  clear fix
  margin-top 20px
  li
    float left
    & + li
      margin-left 5px
  .feed-up-user
    width 25px
    height 25px
    display block
    border-radius 3px
.feed-bar
  text-align right
  > span
    font-size 12px
    color #7793B2
    margin-left -5px
  .feed-active
    color #3BA6FF
  .feed-up
    display inline-block
    padding 0 8px 0 10px
    margin 5px 0
  .feed-line
    vertical-align middle
    border-left 1px solid #DDE3E8
.feed-up
  
  cursor pointer
  > *
    display inline-block
  i
    color #7793B2
    &:before
      vertical-align text-top
  span
    font-size 12px
    color #7793B2
.feed-arrow
  position relative
  i 
    color #3BA6FF
  &:before
    content ''
    position absolute
    border 10px solid
    width 20px
    height 20px
    border-color transparent transparent #f7f9fd transparent
    top 100%
    left 50%
    margin-left -10px
    margin-top -13px
.comment-input
  margin-top 20px
  > div:first-child
    height 30px

.comment-content
.comment-user
  float left
  min-width 100px

.comment-content
  color #777
  font-size 12px
  width 358px
  margin-top -3px
  word-wrap break-word
  clear fix

.delete
  margin-right 10px
  padding-right 10px
  border-right 1px solid rgb(204, 204, 204)


.delete-feed
  position absolute
  right 25px
  top 20px
  i
    font-size 14px
    width 14px
    height 14px
    color #bbb

.feed-menu
  position absolute
  top 30px
  right 25px
  background-color #fff
  width 120px
  box-shadow 1px 1px 4px rgba(0,0,0,.15)
  a
    text-align center
    display block
    padding 4px 0
    font-size 12px
    transition background-color .2s
    cursor pointer
    &:hover
      background-color rgba(0,0,0,.15)

.fetch-more-comment
  font-size 12px
  height 22px
  width 206px
  margin 20px auto
  &[data-role="button"]
    background-color #f3f6f9
    color #8ca9c5
    border-color #d5e1eb

.comment-actions
  float right
  line-height 1
  margin-top 8px
  a
    color #8ca9c5
    font-size 12px
    
.left
  width 638px
.left-box
  border 1px solid rgba(204,204,204,.3)
  background-color #fff
.left-title
  font-size 18px
  height 30px
  line-height 30px
  position relative
  color #A8B3C4
  margin-bottom 10px
.left-btn
  position absolute
  right 0
  top 0
.right
  position fixed
  top 111px
  left 50%
  margin-left 120px
  width 438px
  .kudo-disabled
    position absolute
    top 0
    left 0
    right 0
    bottom 60px
    background-color #fff
    opacity .1
    cursor not-allowed
.right-box
  padding 25px 20px 20px
  background-color #fff
  border 1px solid rgba(204,204,204,.3)
.right-btn
  display inline-block

.right-tab
  color #BDC2CD
  width 54px
  height 30px
  position absolute
  top -30px
  background-color #fff
  line-height 32px
  text-align center   
  padding-left 8px
  border-top 3px solid #fff
  border-left 1px solid #fff
  left 0
  cursor pointer
  &:before, span
    content ''
    width 16px
    height 30px
    position absolute
    border-width 15px 8px
    border-style solid
    border-color transparent transparent #f0f0f0 #f0f0f0
    left 100%
    top -3px
    z-index -1
  span
    border-color transparent transparent #fff #fff
  &:after
    content ''
    width 54px
    height 1px
    position absolute
    bottom -1px
    left 0
    background-color #f0f0f0
  &.right-active
    border-top-color #3BA6FF
    border-left-color #f0f0f0
    cursor auto
    &:after
      width 68px
      background-color #fff
    span
      left 52px
.right-tab2
  left 71px
.invited-search
  border 1px solid #e3e7ef
  border-radius 3px
  padding-left 10px
  margin-bottom 14px
  display inline-block
  [data-role="fieldArea"]
    margin-bottom -2px
    margin-top 5px
  [data-role="fieldInputBox"]
    border-bottom 0
    &:after
      display none
.tip
  display inline-block
  background-color transparent
  margin 0
  width auto

.comment-area
  border-radius 5px
  background-color #F7F9FD
  display inline-block
  width 100%
  padding 0 20px
